<template>
  <div>
    <!-- 权限分类列表 -->
    <el-table :data="$store.state.perm.routes" border style="width: 100%">
      <el-table-column :width="60" label="编号" type="index">
      </el-table-column>
      <el-table-column prop="name" label="权限名称">
      </el-table-column>
      <el-table-column prop="path" label="路径">
      </el-table-column>
      <el-table-column prop="role" label="权限等级">
        <template slot-scope="scope">
          <el-tag :type="scope.row.role==1?'success':'info'">{{scope.row.role==1?'一级权限':'二级权限'}}</el-tag>
        </template>
      </el-table-column>
    </el-table>
    <!-- /权限分类列表 -->
  </div>
</template>

<script>
export default {
  name: 'rightsList',
  data() {
    return {
      rightLists: []
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
